<template>
  <div>
    <div class="info-text-wrap">
			<div class="text-top-style"></div>
			<div class="desc info-text-desc">{{detailInfo.desc}}</div>
			<div class="text-bot-style"></div>
		</div>
    <div class="img-list-wrap" v-for="item in detailInfo.detailImage" :key="item">
			<div class="desc">{{item.key}}</div>
			<div v-for="(item,index) in item.list" :key="index">
				<img :src="item" alt="" class="img" @load="imageLoad">
			</div>
		</div>  
  </div>
</template>

<script>
export default {
  name:"DetailGoodsInfot",
  data(){
    return {
      isLoad2: false
    }     
  },
  methods: {
    imageLoad(){
        this.$emit('imageLoad');
    }
  },
  props:{
    detailInfo:{
      type: Object,
      default(){
        return {}
      }
    }
  }
}
</script>



<style scoped>

.img{
  width:100%
}

</style>